<%--
  Created by IntelliJ IDEA.
  User: 0927
  Date: 2020/9/24
  Time: 19:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>邮件详情</title>
    <link rel="stylesheet" href="../../css/footer.css">
    <!-- Bootstrap -->
    <link href="../../plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">


</head>

<body>
    <div class="container-fluid">
        <nav class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container-fluid" style="background-color: #f5f5f5;">
                <div class="navbar-header">
                    <a class="navbar-brand" href="../index/index.jsp">精翼</a>
                </div>
                <div>
                    <!--向左对齐-->
                    <ul class="nav  navbar-left">
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" style=" padding: 5px 0 0 0;">
                                <img alt="" class="img-circle" src="..\..\images\zly.png" width="40px" height="40px" />
                                <span style="color: #0e0101;font-size: 15px">
								<i>赵丽颖</i>
							</span>
                            </a>
                        </li>
                    </ul>
                    <!-- <form class="navbar-form navbar-left" role="search">
                        <button type="submit" class="btn btn-default">
						向左对齐-提交按钮
					</button>
                    </form> -->
                    <p class="navbar-text navbar-left">欢迎</p>
                    <!--向右对齐-->
                    <ul class="nav navbar-nav navbar-right">
                        <!-- <li><a href="#"><span class="glyphicon glyphicon-user"></span> 登录</a></li> -->
                        <!-- <li><a href="#"><span class="glyphicon glyphicon-envelope"></span> 信箱</a></li> -->
                        <!-- <span class="badge">3</span> -->
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
							管理员中心 <b class="caret"></b>
						    </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">个人资料</a></li>
                                <li><a href="#">修改头像</a></li>
                                <li><a href="#">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="../logAndRegist/login.jsp">安全退出</a></li>
                                <li class="divider"></li>
                                <!-- <li><a href="#">另一个分离的链接</a></li> -->
                            </ul>
                        </li>
                        <li><a href="../logAndRegist/login.jsp"><span class="glyphicon glyphicon-log-in"></span> 退出</a></li>
                    </ul>
                    <!-- <form class="navbar-form navbar-right" role="search">
                        <button type="submit" class="btn btn-default">
						向右对齐-提交按钮
					</button>
                    </form> -->
                    <!-- <p class="navbar-text navbar-right">向右对齐-文本</p> -->
                </div>
            </div>
        </nav>
    </div>

    <div class="container">
        <div class="row" style="padding: 30px 20px 20px 20px; ">
            <div class="row" style="background-color: #f5f5f5; padding: 10px;">
                <h3>查看邮件</h3>
                <div class="pull-right">
                    <button type="button" class="btn btn-primary btn-sm">
                        <span class="glyphicon glyphicon-refresh"></span>刷新
                      </button>
                    <button type="button" class="btn btn-danger btn-sm">
                        <span class=" glyphicon glyphicon-trash"></span>
                      </button>
                    <button type="button" class="btn bg-success btn-sm" data-toggle="modal" data-target="#myModalist">
                        <span class="glyphicon glyphicon-pencil"></span>回复
                      </button>
<%--                    模态框--%>
                    <div class="modal fade" id="myModalist" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel">回复</h4>
                                </div>
                                <div class="modal-body">请编辑内容</div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                    <button type="button" class="btn btn-primary">发送</button>
                                </div>
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal -->
                    </div>


                </div>
            </div>
            <div class="row" style="background-color: #f5f5f5; padding: 20px;">
                <h4>
                    主题： xxx建议
                </h4>
                <h5>
                    <span>发件人：</span>"i@zi-han.net"
                    <span class="pull-right">
                        2014年10月28日(星期二) 晚上8:20
                    </span>
                </h5>
            </div>
            <div class="row" style="border-top: 1px solid #e7eaec; background-color: #f5f5f5;padding: 20px;">
                <h4>
                    管理者你好:
                </h4>
                <br>
                <p>
                    瓜子的销售人员给我打电话，说保卖业务争取了一下价格到4.8万， 问我愿不愿意卖，因为我在网上也查了一些关于瓜子保卖业务的帖子， 都是一些被坑的经历，加上我不是特别着急卖车（因为节能车还在摇号当中）， 于是断然拒绝保卖业务，继续在平台上挂5.5万卖给个人，其实当时心理价最低5万也卖， 就是想卖给个人，因为想到瓜子二手车的广告语“没有中间商赚差价”，再看这个保卖业务， 总觉得与他们的初心是背道而驰的，挂平台卖个人，这就是我当初最简单的想法，于是就开始了漫长的等待。
                </p>
                <br>
                <p class="text-right">
                    署名与电话
                </p>

            </div>
            <div class="row" style="border-top: 1px solid #e7eaec; background-color: #f5f5f5;padding: 20px;font-size: 12px;">
                <div>
                    <span>
                    <i class="glyphicon glyphicon-paperclip">
                    </i>
                    2&nbsp;个附件--
                    </span>
                    <a href="#"><span class="label label-info">下载全部</span></a> |
                    <a href="#"><span class="label label-info">预览全部图片</span></a>
                </div>
                <div class="row">

                    <!-- 缩略图 -->

                    <div class="row">
                        <div class="col-sm-6 col-md-3">
                            <div class="thumbnail">
                                <img src="..\..\images\c1.png" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <p style="color: #337ab7">Document_2014.doc</p>
                                </div>
                            </div>
                        </div>
                        <!-- Document_2014.doc -->
                        <div class="col-sm-6 col-md-3">
                            <div class="thumbnail">
                                <img src="..\..\images\c1.png" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <p style="color: #337ab7">My feel.png</p>
                                </div>
                            </div>

                        </div>
                        <div class="col-sm-6 col-md-3">
                            <div class="thumbnail">
                                <img src="..\..\images\c1.png" alt="通用的占位符缩略图">
                                <div class="caption">
                                    <p style="color: #337ab7">My feel.png</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="border-top: 1px solid #e7eaec; background-color: #f5f5f5;padding: 20px;font-size: 14px;">
                <div class="pull-right">
                    <button type="button" class=" btn-sm" data-toggle="modal" data-target="#myModal">
                        <span class="glyphicon glyphicon-pencil"></span>回复
                      </button>
                    <button type="button" class=" btn-sm">
                        <span class="glyphicon glyphicon-arrow-right"></span>下一封
                      </button>
                    <button type="button" class=" btn-sm">
                        <span class="glyphicon glyphicon-print"></span>打印
                      </button>
                    <button type="button" class=" btn-sm">
                        <span class=" glyphicon glyphicon-trash"></span>删除
                      </button>
                </div>
            </div>
        </div>
    </div>

<div id="footer">

</div>
    <script src="..\..\plugins\jquery\jquery.min.js"></script>
    <script src="..\..\plugins\bootstrap-3.3.7-dist\js\bootstrap.min.js"></script>

    <script>
        $(function(){
            $("#footer").load("../common/footer.jsp");
        })

    </script>
</body>